<!DOCTYPE html>

<html>
	
<head>
    
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title -->
<title>Bookish Fellow</title>

<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link href="css/jquery.selectBoxIt.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
    
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<link href="css/ie.css" rel="stylesheet">
<![endif]-->

</head>

<body>
	<!-- container -->
	<div class="container"> 
    	<!-- header -->
    	<header id="header">
        	<div class="row">
            	<div class="col-lg-4 col-md-4 col-sm-4">
                	<img id="logo" src="img/logo.png" alt="xxx">
                </div>
                
                <div class="col-lg-8 col-md-8 col-sm-8">
                	<ul id="upper-nav">
                    	<li class="light-blue"><a href="#">Registration</a></li>
                        <li class="red"><a href="#" class="red">Log In</a></li>
                    </ul>
                    <ul id="main-nav">
                    	<li><a href="#">Home</a></li>
                        <li><a href="#">Ebooks</a></li>
                    	<li><a href="#">Price packages</a></li>
                        <li><a href="#">Faq</a></li>
                    </ul>
                </div>
            </div>
        </header>
       	<!-- /header --> 
        
        <!-- main-container -->
       <div class="main-container">
       		<!-- prva sekcija -->
       		<section class="section">
            	<div class="row">
                	<div class="col-lg-12 col-md-12 col-sm-12">
                    	<img class="front" src="img/cloud.png" alt="xxx">
                    	<img class="behind guy align-right" src="img/guy.png" alt="xxx">
                    </div>
                </div>
            </section>
            <!-- \prva sekcija -->
            
       		<!-- druga sekcija -->
       		<section class="section blue">
                <!-- flexslider -->
                <div class="flexslider heading-slider">
					<ul class="slides">
						<li>
							<h2>An author website is a <span class="red">powerful</span> marketing tool!</h2>
						</li>
						<li>
							<h2>An author website is a <span class="red">powerful</span> marketing tool!</h2>
						</li>
						<li>
							<h2>An author website is a <span class="red">powerful</span> marketing tool!</h2>
						</li>
					</ul>
                </div>
                <!-- /flexslider -->
                <p>Although social media profiles can help you to represent yourself as an author and communicate successfully with your readers, you can accomplish much more with your own website. An author website is a powerful marketing tool which could be used for additional promotion of your eBook and the place form where you can direct your readers to the eBook stores where your title is available.
				</p>
                <p>
                As a part of our Platinum package, we offer you a free online presentation. You will have to pay for your own domain if you need one, but we will create a beautiful presentation which includes the following.
                </p>
            </section>
            <!-- \druga sekcija -->

       		<!-- treca sekcija -->
       		<section class="section">
                <div class="row">
                  <div class="col-lg-6 col-md-6 col-sm-6">
                      <!-- kolona levo -->
                      	<p>Your pictures and bio</p>
                        <p>The section where you are saying what inspires you to write</p>
                        <p>The eBook/s description</p>
                        <p>Links leading to the eBooks stores where your title can be purchase</p>
                        <p>Links leading to your social media profile</p>
                        <p>Contact informatio</p>
                        <p>Sample pages</p>
                        <p>The review book section</p>
                        <p>Photo Gallery</p>
                      <!-- /kolona levo -->
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-6">
                      <!-- kolona desno -->
                      <div class="kolona-desno">
                      	<img src="img/wireframe.png" alt="xxx">
                      </div>
                      <!-- /kolona desno -->
                      </div>
                </div>
            </section>
            <!-- \treca sekcija -->
       		<!-- cetvrta sekcija -->
       		<section class="section blue">
                <!-- flexslider -->
                <div class="flexslider heading-slider">
					<ul class="slides">
						<li>
							<h2>Contact our <span class="red">team!</span></h2>
						</li>
						<li>
							<h2>Contact our <span class="red">team!</span></h2>
						</li>
						<li>
							<h2>Contact our <span class="red">team!</span></h2>
						</li>
					</ul>
                </div>
                <!-- /flexslider -->
            	<p>You’re our Silver or Gold author and you would like to have your own online presentation as well? No problem at all. Get it for only $35! 
				</p>
                <p>In case you need a professional website with additional features such as blogging, video and audio material, newletters and much more contact our team at design@bookishfellow.com
                </p>
            </section>
            <!-- \cetvrta sekcija -->

            <!-- cetvrta sekcija -->
              <section class="section">
				<a class="button big" href="#">SIGN UP AND GET PUBLISHED NOW</a>
            </section>
            <!-- \cetvrta sekcija -->
       </div>
       <!-- \main-container -->
       
       <!-- footer -->
       <footer id="footer">
       	 <a href="#" id="back-to-top"></a>
       	  <div class="row">
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Bookishfellow</h4>
            <ul class="menu">
            	<li><a href="#">eBooks</a></li>
                <li><a href="#">Add New Title</a></li>
                <li><a href="#">Price Packages</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Publishing Agreement</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
            </div>
            
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Services</h4>
            <ul class="footer-menu">
            	<li><a href="#">eBook Cover Design</a></li>
                <li><a href="#">Author Website</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12">
            	<p id="copyright">Copyright © 2014, Darko Mitrovic, All rights reserved</p>
            </div>
         </div>
       </footer>
       <!-- \footer -->
    </div>
	<!-- /container -->
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.selectBoxIt.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>